<template>
  <div class="page-design" :class="cname">
    <slot></slot>
  </div>
</template>

<script>
import { mapState } from 'vuex'

export default {
  name: 'DesignView',
  computed: {
    ...mapState(['cname'])
  }
}
</script>

<style scoped lang="scss">
.page-design {
  font-size: 0;
  position: absolute;
  width: 750px;
  height: 1333px;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  transform-origin: center;
  &.big {
    //transform: translate3d(-50%, -54%, 0);
  }
  &.small, &.min {
    //transform: translate3d(-50%, -50%, 0) scale3d(0.97, 0.97, 1);
  }
}
</style>
